<script lang="ts" setup>
import WxPage from '@/components/WxPage/index.vue'
import ActivityBannerBar from '@/components/bar/ActivityBannerBar/index.vue'
import NavigateBar from '@/components/bar/NavigateBar/index.vue'
import GoodsModuleTwoBar from '@/components/bar/GoodsModuleTwoBar/index.vue'
import TitleBar from '@/components/bar/TitleBar/index.vue'
import GoodsPondBar from '@/components/bar/GoodsPondBar/index.vue'
import SearchBar from '@/components/bar/SearchBar/index.vue';

import {ref} from 'vue'

const goodsList = [
  {
    prodShortName:'E15GX',
    prodTitle:'狗狗玩具宠物小狗自嗨解闷神器磨牙耐咬发声幼犬小型犬大狗橄榄球',
    showPrice: '￥1699.99',
    prodPicUrl:'http://scdpsit.suning.com/miniio/snbns/2024/09/d1fee7aa0ecc4f19886c5210837678e3.png',
    tagList: [{tagName:'新品', tagType:'1', sortValue: 3}, {tagName:'台返', tagType:'2', sortValue: 2},
      {tagName:'新品3', tagType:'1', sortValue: 3}, {tagName:'台返3', tagType:'2', sortValue: 2},
      {tagName:'新品3', tagType:'1', sortValue: 3}, {tagName:'台返3', tagType:'2', sortValue: 2},
      {tagName:'新品2', tagType:'1', sortValue: 3}, {tagName:'台返2', tagType:'2', sortValue: 2}
    ],
    prodStatus:'1'
  },
  {
    prodShortName:'E15GX',
    prodTitle:'22222',
    showPrice: '18.00',
    prodPicUrl:'http://scdpsit.suning.com/miniio/snbns/2024/09/d1fee7aa0ecc4f19886c5210837678e3.png',
    tagList: [{tagName:'新品', tagType:'1', sortValue: 3}, {tagName:'台返', tagType:'2', sortValue: 2}],
    prodStatus:'2'
  },
  {
    prodShortName:'E15GX',
    prodTitle:'3333',
    showPrice: '18.00',
    prodPicUrl:'http://scdpsit.suning.com/miniio/snbns/2024/09/d1fee7aa0ecc4f19886c5210837678e3.png',
    tagList: [{tagName:'新品', tagType:'1', sortValue: 3}, {tagName:'台返', tagType:'2', sortValue: 2}],
    prodStatus:'3'
  },
  {
    prodShortName:'E15GX',
    prodTitle:'狗狗玩具宠物小狗自嗨解闷神器磨牙耐咬发声幼犬小型犬大狗橄榄球',
    showPrice: '$18.00',
    prodPicUrl:'http://scdpsit.suning.com/miniio/snbns/2024/09/d1fee7aa0ecc4f19886c5210837678e3.png',
    tagList: [{tagName:'新品', tagType:'1', sortValue: 3}, {tagName:'台返', tagType:'2', sortValue: 2}],
    prodStatus:'1'
  },
  {
    prodShortName:'E15GX',
    prodTitle:'狗狗玩具宠物小狗自嗨解闷神器磨牙耐咬发声幼犬小型犬大狗橄榄球',
    showPrice: '$18.00',
    prodPicUrl:'http://scdpsit.suning.com/miniio/snbns/2024/09/d1fee7aa0ecc4f19886c5210837678e3.png',
    tagList: [{tagName:'新品', tagType:'1', sortValue: 3}, {tagName:'台返', tagType:'2', sortValue: 2}],
    prodStatus:'1'
  },
]
// const pageStyle = 'background-image: linear-gradient(180deg, #DBE9FF 0%, #F4F6FC 100%);';
const pageStyle = 'background:  #DBE9FF';
</script>

<template>
  <WxPage :styles="pageStyle" fixedHeight="104rpx">
    <template v-slot:title>
      <view class="head">
        <image class="page-head-back-img" src="@/static/shop/logo.png"></image>
      </view>
    </template>
    <template v-slot:fixed>
      <SearchBar showRightIcon></SearchBar>
    </template>

    <view class="page-body">
<!--      <ActivityBannerBar></ActivityBannerBar>-->
<!--      <NavigateBar></NavigateBar>-->
<!--      <GoodsModuleTwoBar></GoodsModuleTwoBar>-->
<!--      <TitleBar></TitleBar>-->
      <GoodsPondBar :columns="1" :goodsList="goodsList"></GoodsPondBar>
    </view>
  </WxPage>

</template>

<style lang="scss" scoped>
.page-body{
  display: grid;
  grid-gap: 24rpx;
}
.head{
	width: 686rpx;
	margin-left: 32rpx;
	.page-head-back-img{
		width: 359rpx;
		height: 30rpx;
	}
}

</style>